<!DOCTYPE html>
<html lang="en">
<head th:include="cultivateWeb/header :: culHeaderCss"></head>
</head>
<style>
    .sec_2 {
        width: 1100px;
        /*display:inne-block;*/
        /*float: left;*/
        margin: 0 auto;
    }

    .p_1 {
        margin: 30px auto 50px auto;
    }

    .span_3 {
        width: 1100px;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
    }

    .div_4 {
        width: calc(100% - 100px);
        /*border: 1px #ced4da sod;*/
        margin: 10px auto auto auto;
    }

    table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
        border: 1px solid #999;
        line-height: 1.42857;
        padding: 8px;
        vertical-align: middle;
    }

    table {
        width: 100%;
    }
</style>
<!--<link href="/css/web/themes/about.css" rel="stylesheet">-->
<body id="body">
<header th:include="cultivateWeb/header :: header(true)"></header>
<main id="main" style="background: #f3f3f3">
    <!--==========================
      About Section
    ============================-->

    <div class="layui-container  main-md">
        <p style="line-height: 60px">
            <a href="/certificate/policyInfo">新闻动态</a>&nbsp;/
            <span style="color:#4b90be">新闻详情</span>
        </p>
    </div>
    <section class="main-md">

        <div class="div_4">
            <h3 style="font-size: 25px;margin:60px 0 20px 0; text-align: center;" th:text="${consultations.title}"></h3>

            <div style="background-color: #ececec; display: flex; flex-direction: row; height: 50px;
                     font-size: 15px;align-items: center;">
                <div style="text-align: center; width: 25%;">
                    <th:block th:if="${consultations.createrName}">
                        <span th:text="${'发布人：'+consultations.createrName}"></span>
                    </th:block>
                    <th:block th:unless="${consultations.createrName}">
                        <span th:text="'发布人：-'"></span>
                    </th:block>
                </div>
                <div style="text-align: center; width: 25%;"><span　th:text="${'资源来源：'+consultations.firstColumn+'
                    '+consultations.secondColumn}"></span></div>
                <div style="text-align: center; width: 25%;"><span
                        th:text="${'发布时间：'+#dates.format(consultations.createrDate,'yyyy-MM-dd HH:mm')}"></span>
                </div>
                <div style="text-align: center; width: 25%;">
                    <span　th:text="${'点击数量：'+consultations.accessNumber}"></span></div>


            </div>


            <div class="p_1" 　th:utext="${consultations.contents}"></div>

            <input id="files" th:value="${consultations.files}" type="hidden"/>

            <div th:style="${#strings.isEmpty(consultations.files)}  ? 'display:none' : ''" class="p_1">附件：<a
                    style="color:#005C34;text-decoration: underline" id="filesName" download
                    th:href="${consultations.files}"></a></div>
        </div>

    </section>
</main>
<div class="footer" th:include="cultivateWeb/header :: footer">
    <script>
        $("#filesName").html(subFileName($("#files").val()))

    </script>
</body>
</html>